<h2>Classic editor</h2>
<div id="classic">
	<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans on the Moon on July 20, 1969, at 20:18 UTC.</p>
	<figure class="easyimage easyimage-align-center">
		<img src="../../image2/_assets/foo.png" alt="foo">
		<figcaption>Test image</figcaption>
	</figure>
	<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth.</p>
</div>

<h2>Divarea editor</h2>
<div id="divarea">
	<p><strong>Apollo 11</strong> was the spaceflight that landed the first humans on the Moon on July 20, 1969, at 20:18 UTC.</p>
	<figure class="easyimage easyimage-align-center">
		<img src="../../image2/_assets/foo.png" alt="foo">
		<figcaption>Test image</figcaption>
	</figure>
	<p>Armstrong spent about <s>three and a half</s> two and a half hours outside the spacecraft, Aldrin slightly less; and together they collected 47.5 pounds (21.5&nbsp;kg) of lunar material for return to Earth.</p>
</div>

<script>
	( function() {
		bender.tools.ignoreUnsupportedEnvironment( 'easyimage' );

		CKEDITOR.addCss( '.test { background: red; }' );

		var commonConfig = {
			easyimage_styles: {
				test: {
					attributes: {
						'class': 'test'
					},
					icon: 'test',
					label: 'Test Style'
				}
			},
			easyimage_toolbar: [ 'EasyImageTest', 'EasyImageAlignLeft', 'EasyImageAlignCenter', 'EasyImageAlignRight' ]
		};

		CKEDITOR.replace( 'classic', commonConfig );
		CKEDITOR.replace( 'divarea', CKEDITOR.tools.object.merge( {
			extraPlugins: 'divarea'
		}, commonConfig ) );
	}() );
</script>
